﻿<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>iNEWU 爱牛油 - 在线观看免费正版高清亚洲电视剧、电影、综艺、动漫 - 独家韩剧、陆剧、泰剧 </title>
        <link href="favicon.ico" rel="shortcut icon">
	    <script src="js/common/axios.min.js"></script>
        <script src="js/common/vue.js"></script>
        <script src="js/common/template.js"></script>
        <script src="js/common/vue-resource.js"></script>
        <script src="js/common/httpVueLoader.js"></script>
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/info.css">
        <script src="https://cdn.tailwindcss.com"></script>
        <style type="text/css">
            [v-cloak]{
              display: none;
            }
        </style>
    </head>
    <body>
        <div id="contn">
            <v-header></v-header>
            <v-main @call-share="share"></v-main>
            <v-footer></v-footer>
            <v-notice ref="noticeRef"></v-notice>
            <v-side></v-side>
            <v-share ref="shareRef" @call-add-notice="addNotice"></v-share>
        </div>
        <template id="vMain">
            <main v-cloak>
                <div class="cover mid noTouch">
                    <div class="pic">
                        <img src="img/info/cover.png" class="fill">
                        <p class="lft"></p>
                        <p class="btm"></p>
                    </div>
                </div>
                <div class="info">
                   <div class="fluid">
                        <div class="vid mid" :class="{active:previewVideoState.playing}">
                            <video src="img/info/vid.mp4" muted class="preview fc"></video>
                            <p class="lft"></p>
                            <p class="tp"></p>
                            <p class="btm"></p>
                            <div class="voice mid" :class="{active:!previewVideoState.muted}" @click="hdlVoice">
                                <div class="dc hvc">
                                    <img src="img/info/voice-mute.png">
                                    <img src="img/info/voice.png">
                                </div>
                            </div>
                        </div>
                        <div class="box">
                            <p class="name l2">{{info.name}}</p>
                            <div class="type flex" v-if="info.types.length">
                                <p v-for="sItm in info.types" :class="{other:sItm.ifOther}">
                                    <span>{{sItm.val}}</span>
                                    <span v-if="sItm.ifOther">{{sItm.other}}</span>
                                </p>
                            </div>
                            <div class="dtl flex flex-align-items">
                                <div class="score flex flex-align-items">
                                    <img src="img/common/score.png"><p>{{info.score}}</p>
                                </div>
                                <i></i>
                                <p class="age">{{info.age}}</p>
                                <i></i>
                                <p class="year">{{info.year}}</p>
                                <i></i>
                                <p>{{info.series}}</p>
                            </div>
                            <div class="tags flex flex-wrap">
                                <p v-for="sItm in info.tags">{{sItm}}</p>
                            </div>
                            <div class="group">
                                <div class="item">
                                    <span class="lbl">导演：</span>
                                    <span v-for="sItm in info.producers" class="sItm">
                                        <a href="actor.html">{{sItm.name}}</a>
                                    </span>
                                </div>
                                <div class="item">
                                    <span class="lbl">主演：</span>
                                    <span v-for="sItm in info.actors" class="sItm">
                                        <a href="actor.html">{{sItm.name}}</a>
                                    </span>
                                </div>
                                <div class="item l3 introduce" :class="{all:introduceSeeAll}">
                                    <span class="lbl">描述：</span>
                                    <span class="">{{info.introduce}}</span>
                                    <div class="flip flex" @click="hdlSee">
                                        <div class="flex cursor">
                                            <p class="shadow"></p>
                                            <div class="t flex flex-align-items">
                                                {{introduceSeeAll?'收合':'显示更多'}}<img src="img/common/arw4.png">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="btns flex flex-align-items">
                                <a href="play.html" class="btn flex flex-align-items flex-justify-content play">
                                    <img src="img/common/triangle.png">播放
                                </a>
                                <div class="btn flex flex-align-items flex-justify-content share" @click="share">
                                    <img src="img/common/share.png">分享
                                </div>
                                <div class="btn flex flex-align-items flex-justify-content app pop-parent expandHover">
                                    <img src="img/common/download2.png">APP
                                    <p class="dot"></p>
                                    <div class="pop">
                                        <div class="tv">
                                            <p class="name flex flex-align-items">
                                                <img src="img/common/tv.png">TV APP
                                            </p>
                                            <p class="t">使用电视APP，享受更好的视听体验</p>
                                            <p class="button">立即体验</p>
                                        </div>                                        
                                        <div class="phone flex flex-between">
                                            <div>
                                                <p class="name flex flex-align-items">
                                                    <img src="img/common/phone.png">手机APP
                                                </p>
                                                <p class="t">扫码下载手机APP</p>
                                            </div>
                                            <img src="img/common/code.png" class="code">
                                        </div>
                                    </div>
                                </div>
                                <div class="btn flex flex-align-items flex-justify-content collect">
                                    <img src="img/common/collect1.png">加入收藏
                                </div>
                                <div class="hbc share" @click="share">
                                    <img src="img/common/share.png">
                                    <img src="img/common/share1.png">
                                </div>
                                <div class="hbc collect">
                                    <img src="img/common/collect1.png">
                                    <img src="img/common/collect2.png">
                                </div>
                            </div>
                        </div>
                   </div>
                </div>
                <div class="blks">
                    <div class="fluid">
                        <div class="cate flex">
                            <div class="item" :class="{active:blkInd == i}" 
                            v-for="(item,i) in blks"
                            @click="hdlBlk(i)">{{item.name}}</div>
                        </div>
                        <div class="select-box pop-parent expandHover flex flex-align-items flex-between"
                        v-if="blkInd == 0">
                            <p>剧集 {{series}}</p>
                            <img src="img/common/arw5.png">
                            <div class="pop hc">
                                <p :class="{active:item == series}" v-for="(item,i) in seriesOpt">{{item}}</p>
                            </div>
                        </div>
                        <div class="clip-cate flex" v-if="blkInd == 1">
                            <p v-for="(item,i) in clipCate" :class="{active:i == clipInd}">{{item.name}}
                                <template v-if="item.num">({{item.num}})</template>
                            </p>
                        </div>
                        <div class="list flex flex-wrap" :class="['list' + blkInd]">
                            <div class="item" v-for="item in blks[blkInd].list" @click="jump(item)">
                                <template v-if="blkInd == 2">
                                    <div class="avatar flex">
                                        <div class="mid r50">
                                            <img :src="item.avatar" class="fc">
                                        </div>
                                        <div class="txt flex flex-col flex-between">
                                            <p class="name">{{item.name}}</p>
                                            <div class="pos flex flex-align-items flex-between">
                                                <div class="flex">
                                                    <p class="t" v-for="sItm in item.types">{{sItm}}</p>
                                                </div>
                                                <div class="more flex flex-align-items">
                                                    更多<img src="img/common/arw2-1.png">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="work flex">
                                        <div class="sItm" v-for="sItm in item.work">
                                            <div class="mid cover">
                                                <p class="fill" @click="toDtl(sItm)"></p>
                                                <img :src="sItm.cover" class="fc">
                                                <div class="series">
                                                    <p class="t">38集全</p>
                                                </div>
                                                <div class="right-top">TOP<span>10</span></div>
                                                <a href="play.html" class="play mid r50 btn hvc play-btn">
                                                    <img src="img/common/triangle.png" class="hvc">
                                                </a>
                                                <div class="collect mid r50 btn pop-parent">
                                                    <img src="img/common/collect.png" class="hvc">
                                                    <div class="pop">
                                                        <p>加入收藏</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="txt" @click="toDtl(sItm)">
                                                <p class="name l2">{{sItm.name}}</p>
                                            </div>          
                                        </div>
                                    </div>
                                </template>
                                <template v-else-if="blkInd == 3">
                                    <div class="mid cover">
                                        <p class="fill" @click="toDtl(sItm)"></p>
                                        <img :src="item.cover" class="fc">
                                        <div class="series">
                                            <p class="t">38集全</p>
                                        </div>
                                        <div class="right-top">TOP<span>10</span></div>
                                        <a href="play.html" class="play mid r50 btn hvc play-btn">
                                            <img src="img/common/triangle.png" class="hvc">
                                        </a>
                                        <div class="collect mid r50 btn pop-parent">
                                            <img src="img/common/collect.png" class="hvc">
                                            <div class="pop">
                                                <p>加入收藏</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="txt" @click="toDtl(sItm)">
                                        <p class="name l2">{{item.name}}</p>
                                    </div>            
                                </template>
                                <template v-else>
                                    <div class="series-cover mid">
                                        <img :src="item.cover" class="fc">
                                        <p class="shadow"></p>
                                        <p class="play-btn mid">
                                            <img src="img/common/triangle.png" class="hvc">
                                        </p>
                                    </div>
                                    <p class="series-name l2">
                                        <template v-if="blkInd == 0">
                                            {{info.name}} 第{{item.no}}集
                                        </template>
                                        <template v-if="blkInd == 1">
                                            {{item.name}}
                                        </template>
                                    </p>
                                </template>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
        </template>
        
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/dataUrl.js"></script>
        <script>
            Vue.use(httpVueLoader);
            var contn = new Vue({
                el:'#contn',
                data:{
                   
                },
                methods:{
                    share(obj){
                        this.$refs.shareRef.hdlShow('img/common/shareCover.jpg');
                    },
                    addNotice(msg,type){
                        console.log(msg,type);
                        this.$refs.noticeRef.add({
                            msg:msg,
                            type:type,
                            time:new Date().getTime()
                        });
                    },
                },
                mounted:function(){
                    ifMounted = true;
                },
                components:{
                    'v-header': 'url:./js/common/v-header.vue',
                    'v-footer': 'url:./js/common/v-footer.vue',
                    'v-notice': 'url:./js/common/v-notice.vue',
                    'v-side': 'url:./js/common/v-side.vue',
                    'v-share': 'url:./js/common/v-share.vue',
                    vMain:{
                        template: '#vMain',
                        data:function(){
                            return{
                                previewPlaying:false,
                                info:{
                                    name:'一笑隋哥',
                                    cover:'img/index/s4.jpg',
                                    types:[
                                        {val:'TOP1',ifOther:true,other:'热播榜'},
                                        {val:'独播'},
                                    ],
                                    score:'9.8',
                                    age: '13+',
                                    year: '2023',
                                    series: '36集全',
                                    tags:['中国大陆','战争','古装'],
                                    actors:[
                                        {name:'李沁'},
                                        {name:'陈哲远'},
                                    ],
                                    producers:[
                                        {name:'朱锐斌'},
                                        {name:'蓝志伟'},
                                    ],
                                    introduce:'《一笑随歌》是由朱锐斌（《香蜜沉沉烬如霜》、《宁安如梦》）、蓝志伟（《白月梵星》）、古志威（《宁安如梦》）执导，李沁（《追风者》、《七夜雪》、《爱上特种兵》）、陈哲远（《我的反派男友》、《暗夜与黎明》、《白色橄榄树》）、夏梦（《战火中的青春》）、陈鹤一（《九霄寒夜暖》）主演的古装爱情剧。 该剧讲述了平陵一战锦绣国败军之际，红衣女射手付一笑惊天一箭射中夙砂大皇子凤随歌，扭转了战局胜败。但付一笑却在平陵一战后不久，意外坠崖，记忆全失。一笑被悬壶济世的正念山庄凌家所救，却在此处意外与宿敌凤随歌再次重逢。看着如此狼狈的付一笑。凤随歌直觉此事定与自己在平陵一战中的遭遇脱不开关系。凤随歌想要利用付一笑找到幕后真相，而付一笑亦要利用凤随歌在重重追杀之下，为自己保命。于是一月前还是死敌的二人，此刻必须互为依靠，在波谲云诡的玉京城中杀出生路，而爱情亦在无数次生死一刻间悄然生长。前因已经种下，仇恨、辜负、欺骗、求不得、放不下，人人是执棋者，亦为盘上棋子。付一笑与凤随歌只能在风波中紧紧携手，共同破除黑暗阴谋，击碎命运枷锁，不负苍生，亦不负卿。 本剧将在爱奇艺国际站（ iNEWU.com）在线播出。'
                                },
                                introduceSeeAll:false,
                                blkInd:0,
                                seriesOpt:[
                                    '1-24',
                                    '25-58'
                                ],
                                series:'1-24',
                                clipInd:0,
                                clipCate:[
                                    {name:'全部',num:77},
                                    {name:'预告片',num:3},
                                    {name:'片花',num:74},
                                ],
                                blks:[
                                    {
                                        name:'剧集列表',
                                        list:[
                                            {no:'1',cover:'img/info/s1.jpg'},
                                            {no:'2',cover:'img/info/s2.jpg'},
                                            {no:'3',cover:'img/info/s3.jpg'},
                                            {no:'4',cover:'img/info/s4.jpg'},
                                            {no:'5',cover:'img/info/s5.jpg'},
                                            {no:'6',cover:'img/info/s6.jpg'},
                                        ]
                                    },
                                    {
                                        name:'精彩看点',
                                        list:[
                                            {name:'EP34 凤戏阳险些杀了夏静石',cover:'img/info/j1.jpg'},
                                            {name:'EP34 凤戏阳险些杀了夏静石',cover:'img/info/j2.jpg'},
                                            {name:'EP34 凤戏阳险些杀了夏静石',cover:'img/info/j1.jpg'},
                                            {name:'EP34 凤戏阳险些杀了夏静石',cover:'img/info/j2.jpg'},
                                            {name:'EP34 凤戏阳险些杀了夏静石',cover:'img/info/j1.jpg'},
                                            {name:'EP34 凤戏阳险些杀了夏静石',cover:'img/info/j2.jpg'},
                                        ]
                                    },
                                    {
                                        name:'演职员',
                                        list:[
                                            {
                                                name:'李沁',
                                                avatar:'img/index/a1.jpg',
                                                types:['演员','导演'],
                                                work:[
                                                    {name:'一笑隋哥',cover:'img/index/1.jpg'},
                                                    {name:'七雪',cover:'img/index/2.jpg'},
                                                ]
                                            },
                                            {
                                                name:'陈哲远',
                                                avatar:'img/index/a2.jpg',
                                                types:['演员'],
                                                work:[
                                                    {name:'一笑隋哥',cover:'img/index/1.jpg'},
                                                    {name:'七雪',cover:'img/index/2.jpg'},
                                                ]
                                            }
                                        ]
                                    },
                                    {
                                        name:'为你推荐',
                                        list:[
                                            {name:'与晋长安',cover:'img/index/cover.png'},
                                            {name:'与晋长安',cover:'img/index/1.jpg'},
                                            {name:'与晋长安',cover:'img/index/2.jpg'},
                                            {name:'与晋长安',cover:'img/index/3.jpg'},
                                            {name:'与晋长安',cover:'img/index/4.jpg'},
                                            {name:'与晋长安',cover:'img/index/5.jpg'},
                                            {name:'与晋长安',cover:'img/index/6.jpg'},
                                            {name:'与晋长安',cover:'img/index/7.jpg'},
                                            {name:'与晋长安',cover:'img/index/8.jpg'},
                                            {name:'与晋长安',cover:'img/index/9.jpg'},
                                            {name:'与晋长安',cover:'img/index/10.jpg'},
                                            {name:'与晋长安',cover:'img/index/11.jpg'},
                                            {name:'与晋长安',cover:'img/index/12.jpg'},
                                            {name:'与晋长安',cover:'img/index/13.jpg'},
                                            {name:'与晋长安',cover:'img/index/14.jpg'},
                                        ]
                                    },
                                ],
                                previewVideoState:{},
                            }
                        },
                        methods:{
                            collect(){
                                console.log(11);
                                this.$refs.noticeRef.add({
                                    msg:'收藏成功',
                                    type:'success',
                                    time:new Date().getTime()
                                });
                            },
                            writingWeb(){
                                var This = this;
                            },
                            hdlSee(){
                                this.introduceSeeAll = !this.introduceSeeAll;
                            },
                            share(){
                                this.$emit('call-share');
                            },
                            hdlBlk(ind){
                                this.blkInd = ind;
                            },
                            watchPreviewVideo() {
                                const previewVideo = $('.preview')[0];
                                this.previewVideoState = {
                                    playing: previewVideo.paused ? false : true,
                                    currentTime: previewVideo.currentTime,
                                    duration: previewVideo.duration,
                                    ended: previewVideo.ended,
                                    volume: previewVideo.volume,
                                    muted: previewVideo.muted
                                };
                                
                                // console.log('视频状态更新:', previewVideoState);
                               
                            },
                            hdlVoice(){
                                $('.preview')[0].muted = !this.previewVideoState.muted;
                            },
                            jump(row){
                                if(this.blkInd != 2){
                                    if(this.blkInd == 3){
                                        window.open("play.html", "_blank");
                                    }else{
                                        location.href = 'play.html';
                                    }
                                }
                            },
                            toDtl(row){
                                window.open("info.html", "_blank");
                            },
                        },
                        beforeDestroy() {
                        },
                        mounted:function(){
                            var This = this;
                            this.writingWeb();
                            const previewVideo = $('.preview')[0];
  
                            // 监听各种事件
                            previewVideo.addEventListener('play', this.watchPreviewVideo);
                            previewVideo.addEventListener('pause', this.watchPreviewVideo);
                            previewVideo.addEventListener('ended', this.watchPreviewVideo);
                            previewVideo.addEventListener('timeupdate', this.watchPreviewVideo);
                            
                            
                            $('.preview')[0].play();
                        }
                    },
                },
            })
            
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>